<template>
  <div style="width: 100%; height: 300px">
    <el-carousel indicator-position="outside" height="400px" type="card">
      <el-carousel-item v-for="item in lunbo" :key="item">
        <img :src="item" style="height: 400px; width: 1050px" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script setup>
const lunbo = [
  require('../../assets/img/轮播/中国机长.jpg'),
  require('../../assets/img/轮播/侏罗纪世界3.jpg'),
  require('../../assets/img/轮播/奇迹笨小孩.jpeg'),
  require('../../assets/img/轮播/月球陨落.jpg'),
  require('../../assets/img/轮播/这个杀手不太冷静.jpg'),
  require('../../assets/img/轮播/长津湖之水门桥.jpg'),
];
</script>
<style lang="scss" scoped>
.image {
  width: 100%;
  display: block;
}
</style>
